<?php
	require "conexion.php";
	$sql 		= "SELECT 
						descripcion_corta,
						descripcion_larga, 
						imagen_chica,
						imagen_grande
					FROM 
						tipos_habitacion";
	$resultado 	= mysqli_query($link,$sql);

	mysqli_close($link);
	
	$titulo = "Habitaciones";
	require "cabecera.php";
?>
	<meta name="keywords" content=""/>
</head>
<body>

	<?php
		include "menu_datos.php";
		include "menu_arriba.php";
	?>
	
	<h1 class="titulo_naranja">Habitaciones</h1>
	<p>
		Lorem ipsum ad his scripta blandit partiendo, eum fastidii accumsan euripidis in, eum liber hendrerit an. Qui ut wisi vocibus suscipiantur, quo dicit ridens inciderint id. Quo mundi lobortis reformidans eu, legimus senserit definiebas an eos. Eu sit tincidunt incorrupte definitionem, vis mutat affert percipit cu, eirmod consectetuer signiferumque eu per. In usu latine equidem dolores. Quo no falli viris intellegam, ut fugit veritus placerat per.
	</p>
		
	<div id="habitaciones" name="habitaciones">
		<?php 
		
		while ($fila = mysqli_fetch_assoc($resultado)) {
			$name = str_replace(" ", "_", $fila["descripcion_corta"]);
		?>
			<a href="#<?php echo $name ?>">
				<div class="habitacion">
					<h3 class="titulo_naranja"><?php echo $fila['descripcion_corta'] ?></h3>
					<span class="info">
						<?php echo substr($fila['descripcion_larga'],0, 600) . "..." ?>
						<button>VER MÁS</button>  
					</span>
					<img src="images/<?php echo $fila['imagen_chica'] ?>" class="img"/>
				</div>
			</a>
			
			<a href="#">
				<div id="<?php echo $name ?>" name="<?php echo $name ?>" class="modal">
					<div class="modalwin">
						<h3 class="titulo_naranja"><?php echo $fila['descripcion_corta'] ?></h3>
						<img src="images/<?php echo $fila['imagen_grande'] ?>"/>
						<p><?php echo $fila['descripcion_larga'] ?> </p>
					</div>
				</div>
			</a>
		<?php
		}
		?>
	</div>
	
	<?php
		include "pie.php";
	?>
	<script src="js/img_mas_info.js"></script>
</body>
</html>